import React from 'react';
import {routerRedux, Route, Switch} from 'dva/router';
import {LocaleProvider, Spin} from 'antd';
import zhCN from 'antd/lib/locale-provider/zh_CN';
import dynamic from 'dva/dynamic';
import {getRouterConfig} from './common/router';
import Authorized from './utils/Authorized';
import styles from './index.less';

const {ConnectedRouter} = routerRedux;
const {AuthorizedRoute} = Authorized;
dynamic.setDefaultLoadingComponent(() => {
  return <Spin size="large" className={styles.globalSpin}/>;
});

function RouterConfig({history, app}) {
  const routerData = getRouterConfig(app);
  const UserLayout = routerData['/user'].component;
  const BasicLayout = routerData['/'].component;
  return (
    <LocaleProvider locale={zhCN}>
      <ConnectedRouter history={history}>
        <Switch>
          <Route path="/user" component={UserLayout}/>
          <AuthorizedRoute
            authority={['ROLE_ADMIN', 'ROLE_USER', 'ROLE_GUEST']}
            path="/"
            render={props => <BasicLayout {...props} />}
            redirectPath="/user/login"
          />
        </Switch>
      </ConnectedRouter>
    </LocaleProvider>
  );
}

export default RouterConfig;
